<template>
  <div>
    <section class="jumbotron">
      <h3 class="jumbotron-heading">Search Github Users</h3>
      <div>
        <input
          type="text"
          placeholder="enter the name you search"
          v-model="taxon"
        />&nbsp;<button @click="searchHandel">Search</button>
      </div>
    </section>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: "Search",
  data() {
    return {
        taxon:''
    }
  },
  methods:{
    async searchHandel(){
        this.$bus.$emit('githubList',{isSearch: false, isLogin:true, errmsg:'',users:[] })
        await axios.get(`https://api.github.com/search/users?q=${this.taxon}`).then(
            response =>{
                console.log("请求成功");
                this.$bus.$emit("githubList",response.data.items)
        this.$bus.$emit("githubList",{ isLogin:true, errmsg:'',users:response.data.items } )
            },
            error =>{
                console.log("请求失败",error.message);
            }
        )
    }
  }
};
</script>

<style lang="css" scoped>
</style>